﻿<section class="trusted-area breadcrumb-area text-center"></section>
<section class="contact-area responsive-content area-padding">
    <div class="contact-fluid">
        <div class="container contact-info avivon-pb">
            <div class="row" style="margin-bottom: 120px;display: -webkit-box;">
                <div id="allmap" style="height: 450px;width: 600px;"></div>
                <ul class="bread__rumb-item">
                    <li class="active-item">联系人：张存耀 先生 品管</li>
                    <li>联系电话：86-0755-25852236</li>
                    <li>手机号码：15813869729</li>
                    <li>传真号码：86-0755-25852239</li>
                    <li>QQ号码：2542824551</li>
                    <li>MSN：25436@msn.com</li>
                    <li>公司地址：中国广东深圳市罗湖区罗湖区笋岗东路长虹大厦2213室  518008</li>
                </ul>
            </div>
            <div class="row">
                <div class="col-md-4 primary-padding">
                    <div class="avivon-heading">
                        <h2 class="avivon__title">feel free to write us a message</h2>
                        <p class="avivon__desc contact__desc mt-50px">
                            sed quia lipsum dolor sit atur adip scing elit is
                            nunc quis tellus sed ligula porta ultricies quis nec neulla.
                        </p>
                    </div><!-- end avivon-heading -->
                </div><!-- end col-md-4 -->
                <div class="col-md-8">
                    <div class="comment__form contact__form">
                        <form action="#">
                            <div class="input__box-input">
                                <input type="text" placeholder="your name">
                            </div>
                            <div class="input__box-input email-box">
                                <input type="email" placeholder="email address">
                            </div>
                            <textarea name="message" placeholder="message"></textarea>
                            <button class="submit__btn-btn">send message
                                <span class="fontello icon-angle-double-right"></span>
                            </button>
                        </form>
                    </div><!-- end comment__form -->
                </div><!-- end col-md-8 -->
            </div><!-- end row -->
        </div><!-- container -->
    </div><!-- end contact-fluid -->
</section><!-- end contact-area -->
<script>
    $(function () {
        var map = new BMap.Map("allmap");    // 创建Map实例
        map.centerAndZoom(new BMap.Point(116.404, 39.915));  // 初始化地图,设置中心点坐标和地图级别
        //添加地图类型控件
        map.addControl(new BMap.MapTypeControl({
            mapTypes:[
                BMAP_NORMAL_MAP,
                BMAP_HYBRID_MAP
            ]}));
        map.centerAndZoom("深圳市罗湖区罗湖区笋岗东路长虹大厦2213室",16);
        var traffic = new BMap.TrafficLayer();        // 创建交通流量图层实例
        map.addTileLayer(traffic);
        var myGeo = new BMap.Geocoder();

        myGeo.getPoint("深圳市罗湖区罗湖区笋岗东路长虹大厦2213室", function(point){
                if (point) {
                    var sContent ="深圳市罗湖区罗湖区笋岗东路长虹大厦2213室";
                    map.centerAndZoom(point, 16);
                    var infoWindow = new BMap.InfoWindow(sContent);  // 创建信息窗口对象
                    map.openInfoWindow(infoWindow,point); //开启信息窗口
                }
            },
            "深圳市");
        map.enableScrollWheelZoom(false);     //开启鼠标滚轮缩放
    });

</script>
